<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>eh documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	      <link rel="stylesheet" href="./styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">eh documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content overview">
                   <div class="content-data">


<ol class="breadcrumb">
    <li>Overview</li>
</ol>
  
<div class="text-center module-graph-container">
    <div id="module-graph-svg">
        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="4393pt" height="450pt"
 viewBox="0.00 0.00 4393.00 450.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 446)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-446 4389,-446 4389,4 -4,4"/>
<text text-anchor="start" x="2171.5091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="1958.5,-10 1958.5,-30 1978.5,-30 1978.5,-10 1958.5,-10"/>
<text text-anchor="start" x="1982.129" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="2071.5,-10 2071.5,-30 2091.5,-30 2091.5,-10 2071.5,-10"/>
<text text-anchor="start" x="2095.2251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="2157.5,-10 2157.5,-30 2177.5,-30 2177.5,-10 2157.5,-10"/>
<text text-anchor="start" x="2181.2812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="2254.5,-10 2254.5,-30 2274.5,-30 2274.5,-10 2254.5,-10"/>
<text text-anchor="start" x="2278.1732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="2350.5,-10 2350.5,-30 2370.5,-30 2370.5,-10 2350.5,-10"/>
<text text-anchor="start" x="2374.2258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_AdminModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-146 8,-366 144,-366 144,-146 8,-146"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AdminModule_declarations</title>
<polygon fill="none" stroke="#000000" points="20,-154 20,-206 136,-206 136,-154 20,-154"/>
</g>
<g id="clust5" class="cluster">
<title>cluster_AdminModule_exports</title>
<polygon fill="none" stroke="#000000" points="16,-306 16,-358 136,-358 136,-306 16,-306"/>
</g>
<g id="clust8" class="cluster">
<title>cluster_ApiModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="4137,-146 4137,-282 4377,-282 4377,-146 4137,-146"/>
</g>
<g id="clust13" class="cluster">
<title>cluster_ApiModule_providers</title>
<polygon fill="none" stroke="#000000" points="4145,-154 4145,-206 4369,-206 4369,-154 4145,-154"/>
</g>
<g id="clust14" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="572,-146 572,-434 1657,-434 1657,-146 572,-146"/>
</g>
<g id="clust15" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="#000000" points="1085,-230 1085,-282 1649,-282 1649,-230 1085,-230"/>
</g>
<g id="clust20" class="cluster">
<title>cluster_AppModule_imports</title>
<polygon fill="none" stroke="#000000" points="580,-154 580,-282 1077,-282 1077,-154 580,-154"/>
</g>
<g id="clust22" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="#000000" points="1304,-374 1304,-426 1428,-426 1428,-374 1304,-374"/>
</g>
<g id="clust24" class="cluster">
<title>cluster_AppServerModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="1665,-374 1665,-426 1801,-426 1801,-374 1665,-374"/>
</g>
<g id="clust36" class="cluster">
<title>cluster_ClientModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="152,-298 152,-366 564,-366 564,-298 152,-298"/>
</g>
<g id="clust37" class="cluster">
<title>cluster_ClientModule_declarations</title>
<polygon fill="none" stroke="#000000" points="424,-306 424,-358 556,-358 556,-306 424,-306"/>
</g>
<g id="clust40" class="cluster">
<title>cluster_ClientModule_exports</title>
<polygon fill="none" stroke="#000000" points="160,-306 160,-358 416,-358 416,-306 160,-306"/>
</g>
<g id="clust43" class="cluster">
<title>cluster_DirectivesModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="2913,-70 2913,-290 3047,-290 3047,-70 2913,-70"/>
</g>
<g id="clust44" class="cluster">
<title>cluster_DirectivesModule_declarations</title>
<polygon fill="none" stroke="#000000" points="2923,-78 2923,-130 3037,-130 3037,-78 2923,-78"/>
</g>
<g id="clust47" class="cluster">
<title>cluster_DirectivesModule_exports</title>
<polygon fill="none" stroke="#000000" points="2921,-230 2921,-282 3039,-282 3039,-230 2921,-230"/>
</g>
<g id="clust50" class="cluster">
<title>cluster_ExcelModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3055,-70 3055,-290 3199,-290 3199,-70 3055,-70"/>
</g>
<g id="clust51" class="cluster">
<title>cluster_ExcelModule_declarations</title>
<polygon fill="none" stroke="#000000" points="3064,-78 3064,-130 3188,-130 3188,-78 3064,-78"/>
</g>
<g id="clust54" class="cluster">
<title>cluster_ExcelModule_exports</title>
<polygon fill="none" stroke="#000000" points="3063,-230 3063,-282 3191,-282 3191,-230 3063,-230"/>
</g>
<g id="clust57" class="cluster">
<title>cluster_FileModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3207,-70 3207,-290 3345,-290 3345,-70 3207,-70"/>
</g>
<g id="clust58" class="cluster">
<title>cluster_FileModule_declarations</title>
<polygon fill="none" stroke="#000000" points="3215,-78 3215,-130 3335,-130 3335,-78 3215,-78"/>
</g>
<g id="clust61" class="cluster">
<title>cluster_FileModule_exports</title>
<polygon fill="none" stroke="#000000" points="3215,-230 3215,-282 3337,-282 3337,-230 3215,-230"/>
</g>
<g id="clust64" class="cluster">
<title>cluster_LayoutModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="720,-70 720,-138 1305,-138 1305,-70 720,-70"/>
</g>
<g id="clust65" class="cluster">
<title>cluster_LayoutModule_declarations</title>
<polygon fill="none" stroke="#000000" points="958,-78 958,-130 1297,-130 1297,-78 958,-78"/>
</g>
<g id="clust70" class="cluster">
<title>cluster_LayoutModule_exports</title>
<polygon fill="none" stroke="#000000" points="728,-78 728,-130 950,-130 950,-78 728,-78"/>
</g>
<g id="clust73" class="cluster">
<title>cluster_SelectAreaModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3353,-70 3353,-290 3731,-290 3731,-70 3353,-70"/>
</g>
<g id="clust74" class="cluster">
<title>cluster_SelectAreaModule_declarations</title>
<polygon fill="none" stroke="#000000" points="3361,-78 3361,-130 3716,-130 3716,-78 3361,-78"/>
</g>
<g id="clust78" class="cluster">
<title>cluster_SelectAreaModule_exports</title>
<polygon fill="none" stroke="#000000" points="3361,-230 3361,-282 3723,-282 3723,-230 3361,-230"/>
</g>
<g id="clust81" class="cluster">
<title>cluster_SelectGoodTypeModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3739,-70 3739,-290 3949,-290 3949,-70 3739,-70"/>
</g>
<g id="clust82" class="cluster">
<title>cluster_SelectGoodTypeModule_declarations</title>
<polygon fill="none" stroke="#000000" points="3747,-78 3747,-130 3939,-130 3939,-78 3747,-78"/>
</g>
<g id="clust85" class="cluster">
<title>cluster_SelectGoodTypeModule_exports</title>
<polygon fill="none" stroke="#000000" points="3747,-230 3747,-282 3941,-282 3941,-230 3747,-230"/>
</g>
<g id="clust88" class="cluster">
<title>cluster_SelectPosModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3957,-70 3957,-290 4129,-290 4129,-70 3957,-70"/>
</g>
<g id="clust89" class="cluster">
<title>cluster_SelectPosModule_declarations</title>
<polygon fill="none" stroke="#000000" points="3966,-78 3966,-130 4118,-130 4118,-78 3966,-78"/>
</g>
<g id="clust92" class="cluster">
<title>cluster_SelectPosModule_exports</title>
<polygon fill="none" stroke="#000000" points="3965,-230 3965,-282 4121,-282 4121,-230 3965,-230"/>
</g>
<g id="clust95" class="cluster">
<title>cluster_SwiperModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="292,-222 292,-290 564,-290 564,-222 292,-222"/>
</g>
<g id="clust96" class="cluster">
<title>cluster_SwiperModule_declarations</title>
<polygon fill="none" stroke="#000000" points="434,-230 434,-282 556,-282 556,-230 434,-230"/>
</g>
<g id="clust99" class="cluster">
<title>cluster_SwiperModule_exports</title>
<polygon fill="none" stroke="#000000" points="300,-230 300,-282 426,-282 426,-230 300,-230"/>
</g>
<g id="clust102" class="cluster">
<title>cluster_UserModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="1665,-146 1665,-214 2905,-214 2905,-146 1665,-146"/>
</g>
<g id="clust103" class="cluster">
<title>cluster_UserModule_declarations</title>
<polygon fill="none" stroke="#000000" points="1953,-154 1953,-206 2897,-206 2897,-154 1953,-154"/>
</g>
<g id="clust112" class="cluster">
<title>cluster_UserModule_exports</title>
<polygon fill="none" stroke="#000000" points="1673,-154 1673,-206 1945,-206 1945,-154 1673,-154"/>
</g>
<!-- MyComponent -->
<g id="node1" class="node">
<title>MyComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="128.2772,-198 27.7228,-198 27.7228,-162 128.2772,-162 128.2772,-198"/>
<text text-anchor="middle" x="78" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">MyComponent</text>
</g>
<!-- AdminModule -->
<g id="node2" class="node">
<title>AdminModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="127.4386,-274 124.4386,-278 103.4386,-278 100.4386,-274 28.5614,-274 28.5614,-238 127.4386,-238 127.4386,-274"/>
<text text-anchor="middle" x="78" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AdminModule</text>
</g>
<!-- MyComponent&#45;&gt;AdminModule -->
<g id="edge1" class="edge">
<title>MyComponent&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M61.5937,-198.0109C61.5937,-198.0109 61.5937,-227.855 61.5937,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="58.0938,-227.8549 61.5937,-237.855 65.0938,-227.855 58.0938,-227.8549"/>
</g>
<!-- UserModule -->
<g id="node15" class="node">
<title>UserModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1068.9762,-274 1065.9762,-278 1044.9762,-278 1041.9762,-274 983.0238,-274 983.0238,-238 1068.9762,-238 1068.9762,-274"/>
<text text-anchor="middle" x="1026" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserModule</text>
</g>
<!-- MyComponent&#45;&gt;UserModule -->
<g id="edge50" class="edge">
<title>MyComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M94.4063,-198.08C94.4063,-199.8464 94.4063,-201 94.4063,-201 94.4063,-201 988.3614,-201 988.3614,-201 988.3614,-201 988.3614,-227.9909 988.3614,-227.9909"/>
<polygon fill="#000000" stroke="#000000" points="984.8615,-227.9909 988.3614,-237.9909 991.8615,-227.991 984.8615,-227.9909"/>
</g>
<!-- MyComponent  -->
<g id="node3" class="node">
<title>MyComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="128.2774,-350 23.7226,-350 23.7226,-314 128.2774,-314 128.2774,-350"/>
<text text-anchor="middle" x="76" y="-327.8" font-family="Times,serif" font-size="14.00" fill="#000000">MyComponent </text>
</g>
<!-- AdminModule&#45;&gt;MyComponent  -->
<g id="edge2" class="edge">
<title>AdminModule&#45;&gt;MyComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M61.5937,-274.0109C61.5937,-274.0109 61.5937,-303.855 61.5937,-303.855"/>
<polygon fill="#000000" stroke="#000000" points="58.0938,-303.8549 61.5937,-313.855 65.0938,-303.855 58.0938,-303.8549"/>
</g>
<!-- AppModule -->
<g id="node10" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1127.6571,-350 1124.6571,-354 1103.6571,-354 1100.6571,-350 1044.3429,-350 1044.3429,-314 1127.6571,-314 1127.6571,-350"/>
<text text-anchor="middle" x="1086" y="-327.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
</g>
<!-- AdminModule&#45;&gt;AppModule -->
<g id="edge8" class="edge">
<title>AdminModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M94.4063,-274.207C94.4063,-279.5549 94.4063,-284 94.4063,-284 94.4063,-284 1052.4439,-284 1052.4439,-284 1052.4439,-284 1052.4439,-303.8533 1052.4439,-303.8533"/>
<polygon fill="#000000" stroke="#000000" points="1048.944,-303.8532 1052.4439,-313.8533 1055.944,-303.8533 1048.944,-303.8532"/>
</g>
<!-- NoopInterceptorService -->
<g id="node4" class="node">
<title>NoopInterceptorService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="4257" cy="-180" rx="103.6123" ry="18"/>
<text text-anchor="middle" x="4257" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">NoopInterceptorService</text>
</g>
<!-- ApiModule -->
<g id="node5" class="node">
<title>ApiModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4261.0483,-274 4258.0483,-278 4237.0483,-278 4234.0483,-274 4180.9517,-274 4180.9517,-238 4261.0483,-238 4261.0483,-274"/>
<text text-anchor="middle" x="4221" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ApiModule</text>
</g>
<!-- NoopInterceptorService&#45;&gt;ApiModule -->
<g id="edge3" class="edge">
<title>NoopInterceptorService&#45;&gt;ApiModule</title>
<path fill="none" stroke="#000000" d="M4221,-197.2456C4221,-197.2456 4221,-227.7629 4221,-227.7629"/>
<polygon fill="#000000" stroke="#000000" points="4217.5001,-227.7628 4221,-237.7629 4224.5001,-227.7629 4217.5001,-227.7628"/>
</g>
<!-- ApiModule&#45;&gt;AppModule -->
<g id="edge9" class="edge">
<title>ApiModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M4221,-274.3228C4221,-297.6602 4221,-335 4221,-335 4221,-335 1137.9467,-335 1137.9467,-335"/>
<polygon fill="#000000" stroke="#000000" points="1137.9467,-331.5001 1127.9467,-335 1137.9467,-338.5001 1137.9467,-331.5001"/>
</g>
<!-- AppComponent -->
<g id="node6" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1198.9399,-274 1093.0601,-274 1093.0601,-238 1198.9399,-238 1198.9399,-274"/>
<text text-anchor="middle" x="1146" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge4" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1110.5543,-274.0109C1110.5543,-274.0109 1110.5543,-303.855 1110.5543,-303.855"/>
<polygon fill="#000000" stroke="#000000" points="1107.0544,-303.8549 1110.5543,-313.855 1114.0544,-303.855 1107.0544,-303.8549"/>
</g>
<!-- FooterComponent -->
<g id="node7" class="node">
<title>FooterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1640.8809,-274 1523.1191,-274 1523.1191,-238 1640.8809,-238 1640.8809,-274"/>
<text text-anchor="middle" x="1582" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterComponent</text>
</g>
<!-- FooterComponent&#45;&gt;AppModule -->
<g id="edge5" class="edge">
<title>FooterComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1582,-274.2921C1582,-296.2057 1582,-330 1582,-330 1582,-330 1137.8612,-330 1137.8612,-330"/>
<polygon fill="#000000" stroke="#000000" points="1137.8612,-326.5001 1127.8612,-330 1137.8612,-333.5001 1137.8612,-326.5001"/>
</g>
<!-- HeaderComponent -->
<g id="node8" class="node">
<title>HeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1504.7437,-274 1383.2563,-274 1383.2563,-238 1504.7437,-238 1504.7437,-274"/>
<text text-anchor="middle" x="1444" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent</text>
</g>
<!-- HeaderComponent&#45;&gt;AppModule -->
<g id="edge6" class="edge">
<title>HeaderComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1401.7989,-274.1289C1401.7989,-294.5724 1401.7989,-325 1401.7989,-325 1401.7989,-325 1137.9357,-325 1137.9357,-325"/>
<polygon fill="#000000" stroke="#000000" points="1137.9357,-321.5001 1127.9357,-325 1137.9356,-328.5001 1137.9357,-321.5001"/>
</g>
<!-- UserHeaderComponent -->
<g id="node9" class="node">
<title>UserHeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1365.1699,-274 1216.8301,-274 1216.8301,-238 1365.1699,-238 1365.1699,-274"/>
<text text-anchor="middle" x="1291" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserHeaderComponent</text>
</g>
<!-- UserHeaderComponent&#45;&gt;AppModule -->
<g id="edge7" class="edge">
<title>UserHeaderComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1264.2228,-274.1686C1264.2228,-293.0898 1264.2228,-320 1264.2228,-320 1264.2228,-320 1137.7853,-320 1137.7853,-320"/>
<polygon fill="#000000" stroke="#000000" points="1137.7854,-316.5001 1127.7853,-320 1137.7853,-323.5001 1137.7854,-316.5001"/>
</g>
<!-- AppComponent  -->
<g id="node17" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="#000000" points="1420.439,-418 1311.561,-418 1311.561,-382 1420.439,-382 1420.439,-418"/>
<text text-anchor="middle" x="1366" y="-395.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge16" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M1127.6635,-345C1199.3259,-345 1338.3077,-345 1338.3077,-345 1338.3077,-345 1338.3077,-371.9909 1338.3077,-371.9909"/>
<polygon fill="#000000" stroke="#000000" points="1334.8078,-371.9909 1338.3077,-381.9909 1341.8078,-371.991 1334.8078,-371.9909"/>
</g>
<!-- AppServerModule -->
<g id="node18" class="node">
<title>AppServerModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1793.1895,-418 1790.1895,-422 1769.1895,-422 1766.1895,-418 1672.8105,-418 1672.8105,-382 1793.1895,-382 1793.1895,-418"/>
<text text-anchor="middle" x="1733" y="-395.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppServerModule</text>
</g>
<!-- AppModule&#45;&gt;AppServerModule -->
<g id="edge17" class="edge">
<title>AppModule&#45;&gt;AppServerModule</title>
<path fill="none" stroke="#000000" d="M1128.0212,-340C1263.0139,-340 1676.8838,-340 1676.8838,-340 1676.8838,-340 1676.8838,-371.998 1676.8838,-371.998"/>
<polygon fill="#000000" stroke="#000000" points="1673.3838,-371.998 1676.8838,-381.998 1680.3838,-371.9981 1673.3838,-371.998"/>
</g>
<!-- BusinessModule -->
<g id="node11" class="node">
<title>BusinessModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="951.8259,-198 948.8259,-202 927.8259,-202 924.8259,-198 842.1741,-198 842.1741,-162 951.8259,-162 951.8259,-198"/>
<text text-anchor="middle" x="897" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BusinessModule</text>
</g>
<!-- BusinessModule&#45;&gt;AppModule -->
<g id="edge10" class="edge">
<title>BusinessModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M856.7255,-198.0333C856.7255,-238.2965 856.7255,-332 856.7255,-332 856.7255,-332 1034.2141,-332 1034.2141,-332"/>
<polygon fill="#000000" stroke="#000000" points="1034.2141,-335.5001 1044.2141,-332 1034.2141,-328.5001 1034.2141,-335.5001"/>
</g>
<!-- ClientModule -->
<g id="node12" class="node">
<title>ClientModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="964.7731,-274 961.7731,-278 940.7731,-278 937.7731,-274 871.2269,-274 871.2269,-238 964.7731,-238 964.7731,-274"/>
<text text-anchor="middle" x="918" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ClientModule</text>
</g>
<!-- ClientModule&#45;&gt;AppModule -->
<g id="edge11" class="edge">
<title>ClientModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M946.1318,-274.0267C946.1318,-294.7672 946.1318,-326 946.1318,-326 946.1318,-326 1034.0349,-326 1034.0349,-326"/>
<polygon fill="#000000" stroke="#000000" points="1034.035,-329.5001 1044.0349,-326 1034.0349,-322.5001 1034.035,-329.5001"/>
</g>
<!-- HomeComponent  -->
<g id="node20" class="node">
<title>HomeComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="287.5442,-350 168.4558,-350 168.4558,-314 287.5442,-314 287.5442,-350"/>
<text text-anchor="middle" x="228" y="-327.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeComponent </text>
</g>
<!-- ClientModule&#45;&gt;HomeComponent  -->
<g id="edge21" class="edge">
<title>ClientModule&#45;&gt;HomeComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M889.8682,-274.1097C889.8682,-283.897 889.8682,-294 889.8682,-294 889.8682,-294 228,-294 228,-294 228,-294 228,-303.8903 228,-303.8903"/>
<polygon fill="#000000" stroke="#000000" points="224.5001,-303.8903 228,-313.8903 231.5001,-303.8904 224.5001,-303.8903"/>
</g>
<!-- SwiperModule  -->
<g id="node21" class="node">
<title>SwiperModule </title>
<polygon fill="#fb8072" stroke="#000000" points="408.2052,-350 305.7948,-350 305.7948,-314 408.2052,-314 408.2052,-350"/>
<text text-anchor="middle" x="357" y="-327.8" font-family="Times,serif" font-size="14.00" fill="#000000">SwiperModule </text>
</g>
<!-- ClientModule&#45;&gt;SwiperModule  -->
<g id="edge22" class="edge">
<title>ClientModule&#45;&gt;SwiperModule </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M908.6227,-274.1467C908.6227,-287.7395 908.6227,-304 908.6227,-304 908.6227,-304 358.0537,-304 358.0537,-304 358.0537,-304 358.0537,-304.9793 358.0537,-304.9793"/>
<polygon fill="#000000" stroke="#000000" points="354.5538,-303.793 358.0537,-313.793 361.5538,-303.7931 354.5538,-303.793"/>
</g>
<!-- LayoutModule -->
<g id="node13" class="node">
<title>LayoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1068.7078,-198 1065.7078,-202 1044.7078,-202 1041.7078,-198 969.2922,-198 969.2922,-162 1068.7078,-162 1068.7078,-198"/>
<text text-anchor="middle" x="1019" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LayoutModule</text>
</g>
<!-- LayoutModule&#45;&gt;AppModule -->
<g id="edge12" class="edge">
<title>LayoutModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1068.7812,-191C1077.4842,-191 1083.8137,-191 1083.8137,-191 1083.8137,-191 1083.8137,-303.8554 1083.8137,-303.8554"/>
<polygon fill="#000000" stroke="#000000" points="1080.3138,-303.8553 1083.8137,-313.8554 1087.3138,-303.8554 1080.3138,-303.8553"/>
</g>
<!-- LayoutModule&#45;&gt;UserModule -->
<g id="edge54" class="edge">
<title>LayoutModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M993.7109,-198.0109C993.7109,-198.0109 993.7109,-227.855 993.7109,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="990.211,-227.8549 993.7109,-237.855 997.211,-227.855 990.211,-227.8549"/>
</g>
<!-- BComponent  -->
<g id="node34" class="node">
<title>BComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="942.1692,-122 847.8308,-122 847.8308,-86 942.1692,-86 942.1692,-122"/>
<text text-anchor="middle" x="895" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BComponent </text>
</g>
<!-- LayoutModule&#45;&gt;BComponent  -->
<g id="edge32" class="edge">
<title>LayoutModule&#45;&gt;BComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M969.131,-180C962.6861,-180 958.2746,-180 958.2746,-180 958.2746,-180 958.2746,-104 958.2746,-104 958.2746,-104 952.3077,-104 952.3077,-104"/>
<polygon fill="#000000" stroke="#000000" points="952.3077,-100.5001 942.3077,-104 952.3077,-107.5001 952.3077,-100.5001"/>
</g>
<!-- CComponent  -->
<g id="node35" class="node">
<title>CComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="830.1692,-122 735.8308,-122 735.8308,-86 830.1692,-86 830.1692,-122"/>
<text text-anchor="middle" x="783" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">CComponent </text>
</g>
<!-- LayoutModule&#45;&gt;CComponent  -->
<g id="edge33" class="edge">
<title>LayoutModule&#45;&gt;CComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1002.4654,-161.8903C1002.4654,-152.103 1002.4654,-142 1002.4654,-142 1002.4654,-142 779.9234,-142 779.9234,-142 779.9234,-142 779.9234,-132.1097 779.9234,-132.1097"/>
<polygon fill="#000000" stroke="#000000" points="783.4235,-132.1096 779.9234,-122.1097 776.4235,-132.1097 783.4235,-132.1096"/>
</g>
<!-- SwiperModule -->
<g id="node14" class="node">
<title>SwiperModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="687.705,-198 684.705,-202 663.705,-202 660.705,-198 588.295,-198 588.295,-162 687.705,-162 687.705,-198"/>
<text text-anchor="middle" x="638" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SwiperModule</text>
</g>
<!-- SwiperModule&#45;&gt;AppModule -->
<g id="edge13" class="edge">
<title>SwiperModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M638,-198.1775C638,-240.8769 638,-344 638,-344 638,-344 1034.2555,-344 1034.2555,-344"/>
<polygon fill="#000000" stroke="#000000" points="1034.2556,-347.5001 1044.2555,-344 1034.2555,-340.5001 1034.2556,-347.5001"/>
</g>
<!-- SwiperModule&#45;&gt;ClientModule -->
<g id="edge20" class="edge">
<title>SwiperModule&#45;&gt;ClientModule</title>
<path fill="none" stroke="#000000" d="M662.8012,-198.0267C662.8012,-218.7672 662.8012,-250 662.8012,-250 662.8012,-250 861.1926,-250 861.1926,-250"/>
<polygon fill="#000000" stroke="#000000" points="861.1926,-253.5001 871.1926,-250 861.1926,-246.5001 861.1926,-253.5001"/>
</g>
<!-- LineComponent  -->
<g id="node48" class="node">
<title>LineComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="418.4913,-274 307.5087,-274 307.5087,-238 418.4913,-238 418.4913,-274"/>
<text text-anchor="middle" x="363" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">LineComponent </text>
</g>
<!-- SwiperModule&#45;&gt;LineComponent  -->
<g id="edge43" class="edge">
<title>SwiperModule&#45;&gt;LineComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M588.1996,-180C508.9521,-180 363,-180 363,-180 363,-180 363,-227.9891 363,-227.9891"/>
<polygon fill="#000000" stroke="#000000" points="359.5001,-227.989 363,-237.9891 366.5001,-227.9891 359.5001,-227.989"/>
</g>
<!-- UserModule&#45;&gt;AppModule -->
<g id="edge14" class="edge">
<title>UserModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1060.716,-274.0109C1060.716,-274.0109 1060.716,-303.855 1060.716,-303.855"/>
<polygon fill="#000000" stroke="#000000" points="1057.2161,-303.8549 1060.716,-313.855 1064.2161,-303.855 1057.2161,-303.8549"/>
</g>
<!-- EnrollComponent  -->
<g id="node55" class="node">
<title>EnrollComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="1936.8269,-198 1817.1731,-198 1817.1731,-162 1936.8269,-162 1936.8269,-198"/>
<text text-anchor="middle" x="1877" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">EnrollComponent </text>
</g>
<!-- UserModule&#45;&gt;EnrollComponent  -->
<g id="edge58" class="edge">
<title>UserModule&#45;&gt;EnrollComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1063.2543,-237.8129C1063.2543,-222.8176 1063.2543,-204 1063.2543,-204 1063.2543,-204 1877,-204 1877,-204 1877,-204 1877,-203.419 1877,-203.419"/>
<polygon fill="#000000" stroke="#000000" points="1880.5002,-208.1902 1877,-198.1903 1873.5002,-208.1903 1880.5002,-208.1902"/>
</g>
<!-- LoginComponent  -->
<g id="node56" class="node">
<title>LoginComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="1799.2759,-198 1680.7241,-198 1680.7241,-162 1799.2759,-162 1799.2759,-198"/>
<text text-anchor="middle" x="1740" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoginComponent </text>
</g>
<!-- UserModule&#45;&gt;LoginComponent  -->
<g id="edge59" class="edge">
<title>UserModule&#45;&gt;LoginComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1069.3814,-256C1074.5081,-256 1077.9619,-256 1077.9619,-256 1077.9619,-256 1077.9619,-184 1077.9619,-184 1077.9619,-184 1670.6659,-184 1670.6659,-184"/>
<polygon fill="#000000" stroke="#000000" points="1670.6659,-187.5001 1680.6659,-184 1670.6659,-180.5001 1670.6659,-187.5001"/>
</g>
<!-- ValidatorsModule -->
<g id="node16" class="node">
<title>ValidatorsModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="823.8627,-198 820.8627,-202 799.8627,-202 796.8627,-198 706.1373,-198 706.1373,-162 823.8627,-162 823.8627,-198"/>
<text text-anchor="middle" x="765" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ValidatorsModule</text>
</g>
<!-- ValidatorsModule&#45;&gt;AppModule -->
<g id="edge15" class="edge">
<title>ValidatorsModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M765,-198.1246C765,-239.6261 765,-338 765,-338 765,-338 1034.0349,-338 1034.0349,-338"/>
<polygon fill="#000000" stroke="#000000" points="1034.0349,-341.5001 1044.0349,-338 1034.0348,-334.5001 1034.0349,-341.5001"/>
</g>
<!-- AppServerModule&#45;&gt;AppComponent  -->
<g id="edge18" class="edge">
<title>AppServerModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M1672.8084,-400C1672.8084,-400 1430.5315,-400 1430.5315,-400"/>
<polygon fill="#000000" stroke="#000000" points="1430.5315,-396.5001 1420.5315,-400 1430.5314,-403.5001 1430.5315,-396.5001"/>
</g>
<!-- HomeComponent -->
<g id="node19" class="node">
<title>HomeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="547.5451,-350 432.4549,-350 432.4549,-314 547.5451,-314 547.5451,-350"/>
<text text-anchor="middle" x="490" y="-327.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeComponent</text>
</g>
<!-- HomeComponent&#45;&gt;ClientModule -->
<g id="edge19" class="edge">
<title>HomeComponent&#45;&gt;ClientModule</title>
<path fill="none" stroke="#000000" d="M547.6292,-320C666.3961,-320 927.3773,-320 927.3773,-320 927.3773,-320 927.3773,-284.1686 927.3773,-284.1686"/>
<polygon fill="#000000" stroke="#000000" points="930.8774,-284.1686 927.3773,-274.1686 923.8774,-284.1687 930.8774,-284.1686"/>
</g>
<!-- CodeDirective -->
<g id="node22" class="node">
<title>CodeDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="3028.6347,-122 2931.3653,-122 2931.3653,-86 3028.6347,-86 3028.6347,-122"/>
<text text-anchor="middle" x="2980" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">CodeDirective</text>
</g>
<!-- DirectivesModule -->
<g id="node23" class="node">
<title>DirectivesModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3038.5772,-198 3035.5772,-202 3014.5772,-202 3011.5772,-198 2921.4228,-198 2921.4228,-162 3038.5772,-162 3038.5772,-198"/>
<text text-anchor="middle" x="2980" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DirectivesModule</text>
</g>
<!-- CodeDirective&#45;&gt;DirectivesModule -->
<g id="edge23" class="edge">
<title>CodeDirective&#45;&gt;DirectivesModule</title>
<path fill="none" stroke="#000000" d="M2980,-122.0109C2980,-122.0109 2980,-151.855 2980,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="2976.5001,-151.8549 2980,-161.855 2983.5001,-151.855 2976.5001,-151.8549"/>
</g>
<!-- DirectivesModule&#45;&gt;UserModule -->
<g id="edge51" class="edge">
<title>DirectivesModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2925.4472,-198.0555C2925.4472,-209.439 2925.4472,-222 2925.4472,-222 2925.4472,-222 1031.1573,-222 1031.1573,-222 1031.1573,-222 1031.1573,-227.8056 1031.1573,-227.8056"/>
<polygon fill="#000000" stroke="#000000" points="1027.6574,-227.8055 1031.1573,-237.8056 1034.6574,-227.8056 1027.6574,-227.8055"/>
</g>
<!-- CodeDirective  -->
<g id="node24" class="node">
<title>CodeDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="3030.6341,-274 2929.3659,-274 2929.3659,-238 3030.6341,-238 3030.6341,-274"/>
<text text-anchor="middle" x="2980" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CodeDirective </text>
</g>
<!-- DirectivesModule&#45;&gt;CodeDirective  -->
<g id="edge24" class="edge">
<title>DirectivesModule&#45;&gt;CodeDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M2980,-198.0109C2980,-198.0109 2980,-227.855 2980,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="2976.5001,-227.8549 2980,-237.855 2983.5001,-227.855 2976.5001,-227.8549"/>
</g>
<!-- XlsxComponent -->
<g id="node25" class="node">
<title>XlsxComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3179.7744,-122 3072.2256,-122 3072.2256,-86 3179.7744,-86 3179.7744,-122"/>
<text text-anchor="middle" x="3126" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">XlsxComponent</text>
</g>
<!-- ExcelModule -->
<g id="node26" class="node">
<title>ExcelModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3171.9232,-198 3168.9232,-202 3147.9232,-202 3144.9232,-198 3080.0768,-198 3080.0768,-162 3171.9232,-162 3171.9232,-198"/>
<text text-anchor="middle" x="3126" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ExcelModule</text>
</g>
<!-- XlsxComponent&#45;&gt;ExcelModule -->
<g id="edge25" class="edge">
<title>XlsxComponent&#45;&gt;ExcelModule</title>
<path fill="none" stroke="#000000" d="M3126,-122.0109C3126,-122.0109 3126,-151.855 3126,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="3122.5001,-151.8549 3126,-161.855 3129.5001,-151.855 3122.5001,-151.8549"/>
</g>
<!-- ExcelModule&#45;&gt;UserModule -->
<g id="edge52" class="edge">
<title>ExcelModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M3110.763,-198.0439C3110.763,-210.5633 3110.763,-225 3110.763,-225 3110.763,-225 1036.5068,-225 1036.5068,-225 1036.5068,-225 1036.5068,-227.9672 1036.5068,-227.9672"/>
<polygon fill="#000000" stroke="#000000" points="1033.0069,-227.9671 1036.5068,-237.9672 1040.0069,-227.9672 1033.0069,-227.9671"/>
</g>
<!-- XlsxComponent  -->
<g id="node27" class="node">
<title>XlsxComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="3182.7745,-274 3071.2255,-274 3071.2255,-238 3182.7745,-238 3182.7745,-274"/>
<text text-anchor="middle" x="3127" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">XlsxComponent </text>
</g>
<!-- ExcelModule&#45;&gt;XlsxComponent  -->
<g id="edge26" class="edge">
<title>ExcelModule&#45;&gt;XlsxComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M3141.237,-198.0109C3141.237,-198.0109 3141.237,-227.855 3141.237,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3137.7371,-227.8549 3141.237,-237.855 3144.7371,-227.855 3137.7371,-227.8549"/>
</g>
<!-- FileComponent -->
<g id="node28" class="node">
<title>FileComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3326.6109,-122 3223.3891,-122 3223.3891,-86 3326.6109,-86 3326.6109,-122"/>
<text text-anchor="middle" x="3275" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileComponent</text>
</g>
<!-- FileModule -->
<g id="node29" class="node">
<title>FileModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3315.8289,-198 3312.8289,-202 3291.8289,-202 3288.8289,-198 3234.1711,-198 3234.1711,-162 3315.8289,-162 3315.8289,-198"/>
<text text-anchor="middle" x="3275" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileModule</text>
</g>
<!-- FileComponent&#45;&gt;FileModule -->
<g id="edge27" class="edge">
<title>FileComponent&#45;&gt;FileModule</title>
<path fill="none" stroke="#000000" d="M3275,-122.0109C3275,-122.0109 3275,-151.855 3275,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="3271.5001,-151.8549 3275,-161.855 3278.5001,-151.855 3271.5001,-151.8549"/>
</g>
<!-- FileModule&#45;&gt;UserModule -->
<g id="edge53" class="edge">
<title>FileModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M3261.4453,-198.1467C3261.4453,-211.7395 3261.4453,-228 3261.4453,-228 3261.4453,-228 1041.8563,-228 1041.8563,-228 1041.8563,-228 1041.8563,-228.9793 1041.8563,-228.9793"/>
<polygon fill="#000000" stroke="#000000" points="1038.3564,-227.793 1041.8563,-237.793 1045.3564,-227.7931 1038.3564,-227.793"/>
</g>
<!-- FileComponent  -->
<g id="node30" class="node">
<title>FileComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="3329.1115,-274 3222.8885,-274 3222.8885,-238 3329.1115,-238 3329.1115,-274"/>
<text text-anchor="middle" x="3276" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileComponent </text>
</g>
<!-- FileModule&#45;&gt;FileComponent  -->
<g id="edge28" class="edge">
<title>FileModule&#45;&gt;FileComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M3288.5547,-198.0109C3288.5547,-198.0109 3288.5547,-227.855 3288.5547,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3285.0548,-227.8549 3288.5547,-237.855 3292.0548,-227.855 3285.0548,-227.8549"/>
</g>
<!-- BComponent -->
<g id="node31" class="node">
<title>BComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1289.1696,-122 1198.8304,-122 1198.8304,-86 1289.1696,-86 1289.1696,-122"/>
<text text-anchor="middle" x="1244" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BComponent</text>
</g>
<!-- BComponent&#45;&gt;LayoutModule -->
<g id="edge29" class="edge">
<title>BComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M1207.8173,-122.0449C1207.8173,-143.6623 1207.8173,-177 1207.8173,-177 1207.8173,-177 1078.6095,-177 1078.6095,-177"/>
<polygon fill="#000000" stroke="#000000" points="1078.6096,-173.5001 1068.6095,-177 1078.6095,-180.5001 1078.6096,-173.5001"/>
</g>
<!-- CComponent -->
<g id="node32" class="node">
<title>CComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1180.1696,-122 1089.8304,-122 1089.8304,-86 1180.1696,-86 1180.1696,-122"/>
<text text-anchor="middle" x="1135" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">CComponent</text>
</g>
<!-- CComponent&#45;&gt;LayoutModule -->
<g id="edge30" class="edge">
<title>CComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M1136.8075,-122.0348C1136.8075,-141.5762 1136.8075,-170 1136.8075,-170 1136.8075,-170 1078.6195,-170 1078.6195,-170"/>
<polygon fill="#000000" stroke="#000000" points="1078.6196,-166.5001 1068.6195,-170 1078.6195,-173.5001 1078.6196,-166.5001"/>
</g>
<!-- SideComponent -->
<g id="node33" class="node">
<title>SideComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1072.2204,-122 965.7796,-122 965.7796,-86 1072.2204,-86 1072.2204,-122"/>
<text text-anchor="middle" x="1019" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SideComponent</text>
</g>
<!-- SideComponent&#45;&gt;LayoutModule -->
<g id="edge31" class="edge">
<title>SideComponent&#45;&gt;LayoutModule</title>
<path fill="none" stroke="#000000" d="M1035.5346,-122.0109C1035.5346,-122.0109 1035.5346,-151.855 1035.5346,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="1032.0347,-151.8549 1035.5346,-161.855 1039.0347,-151.855 1032.0347,-151.8549"/>
</g>
<!-- SelectAreaComponent -->
<g id="node36" class="node">
<title>SelectAreaComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3708.2366,-122 3565.7634,-122 3565.7634,-86 3708.2366,-86 3708.2366,-122"/>
<text text-anchor="middle" x="3637" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectAreaComponent</text>
</g>
<!-- SelectAreaModule -->
<g id="node38" class="node">
<title>SelectAreaModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3518.4538,-198 3515.4538,-202 3494.4538,-202 3491.4538,-198 3397.5462,-198 3397.5462,-162 3518.4538,-162 3518.4538,-198"/>
<text text-anchor="middle" x="3458" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectAreaModule</text>
</g>
<!-- SelectAreaComponent&#45;&gt;SelectAreaModule -->
<g id="edge34" class="edge">
<title>SelectAreaComponent&#45;&gt;SelectAreaModule</title>
<path fill="none" stroke="#000000" d="M3637,-122.0267C3637,-142.7672 3637,-174 3637,-174 3637,-174 3528.6012,-174 3528.6012,-174"/>
<polygon fill="#000000" stroke="#000000" points="3528.6013,-170.5001 3518.6012,-174 3528.6012,-177.5001 3528.6013,-170.5001"/>
</g>
<!-- SelectAreaRangeComponent -->
<g id="node37" class="node">
<title>SelectAreaRangeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3547.0029,-122 3368.9971,-122 3368.9971,-86 3547.0029,-86 3547.0029,-122"/>
<text text-anchor="middle" x="3458" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectAreaRangeComponent</text>
</g>
<!-- SelectAreaRangeComponent&#45;&gt;SelectAreaModule -->
<g id="edge35" class="edge">
<title>SelectAreaRangeComponent&#45;&gt;SelectAreaModule</title>
<path fill="none" stroke="#000000" d="M3458,-122.0109C3458,-122.0109 3458,-151.855 3458,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="3454.5001,-151.8549 3458,-161.855 3461.5001,-151.855 3454.5001,-151.8549"/>
</g>
<!-- SelectAreaModule&#45;&gt;UserModule -->
<g id="edge55" class="edge">
<title>SelectAreaModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M3436.7215,-198.0511C3436.7215,-212.373 3436.7215,-230 3436.7215,-230 3436.7215,-230 1047.2058,-230 1047.2058,-230 1047.2058,-230 1047.2058,-230.7942 1047.2058,-230.7942"/>
<polygon fill="#000000" stroke="#000000" points="1043.706,-227.9421 1047.2058,-237.9421 1050.706,-227.9422 1043.706,-227.9421"/>
</g>
<!-- SelectAreaComponent  -->
<g id="node39" class="node">
<title>SelectAreaComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="3515.2366,-274 3368.7634,-274 3368.7634,-238 3515.2366,-238 3515.2366,-274"/>
<text text-anchor="middle" x="3442" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectAreaComponent </text>
</g>
<!-- SelectAreaModule&#45;&gt;SelectAreaComponent  -->
<g id="edge36" class="edge">
<title>SelectAreaModule&#45;&gt;SelectAreaComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M3475.9198,-198.0109C3475.9198,-198.0109 3475.9198,-227.855 3475.9198,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3472.4199,-227.8549 3475.9198,-237.855 3479.4199,-227.855 3472.4199,-227.8549"/>
</g>
<!-- SelectAreaRangeComponent  -->
<g id="node40" class="node">
<title>SelectAreaRangeComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="3715.0022,-274 3532.9978,-274 3532.9978,-238 3715.0022,-238 3715.0022,-274"/>
<text text-anchor="middle" x="3624" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectAreaRangeComponent </text>
</g>
<!-- SelectAreaModule&#45;&gt;SelectAreaRangeComponent  -->
<g id="edge37" class="edge">
<title>SelectAreaModule&#45;&gt;SelectAreaRangeComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M3518.5476,-186C3530.8569,-186 3540.125,-186 3540.125,-186 3540.125,-186 3540.125,-227.9733 3540.125,-227.9733"/>
<polygon fill="#000000" stroke="#000000" points="3536.6251,-227.9732 3540.125,-237.9733 3543.6251,-227.9733 3536.6251,-227.9732"/>
</g>
<!-- SelectGoodTypeComponent -->
<g id="node41" class="node">
<title>SelectGoodTypeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3930.9143,-122 3755.0857,-122 3755.0857,-86 3930.9143,-86 3930.9143,-122"/>
<text text-anchor="middle" x="3843" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectGoodTypeComponent</text>
</g>
<!-- SelectGoodTypeModule -->
<g id="node42" class="node">
<title>SelectGoodTypeModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3919.6316,-198 3916.6316,-202 3895.6316,-202 3892.6316,-198 3766.3684,-198 3766.3684,-162 3919.6316,-162 3919.6316,-198"/>
<text text-anchor="middle" x="3843" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectGoodTypeModule</text>
</g>
<!-- SelectGoodTypeComponent&#45;&gt;SelectGoodTypeModule -->
<g id="edge38" class="edge">
<title>SelectGoodTypeComponent&#45;&gt;SelectGoodTypeModule</title>
<path fill="none" stroke="#000000" d="M3843,-122.0109C3843,-122.0109 3843,-151.855 3843,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="3839.5001,-151.8549 3843,-161.855 3846.5001,-151.855 3839.5001,-151.8549"/>
</g>
<!-- SelectGoodTypeModule&#45;&gt;UserModule -->
<g id="edge56" class="edge">
<title>SelectGoodTypeModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M3817.3948,-198.2396C3817.3948,-213.5706 3817.3948,-233 3817.3948,-233 3817.3948,-233 1052.5553,-233 1052.5553,-233 1052.5553,-233 1052.5553,-233.4878 1052.5553,-233.4878"/>
<polygon fill="#000000" stroke="#000000" points="1049.0555,-227.8776 1052.5553,-237.8777 1056.0555,-227.8778 1049.0555,-227.8776"/>
</g>
<!-- SelectGoodTypeComponent  -->
<g id="node43" class="node">
<title>SelectGoodTypeComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="3933.4138,-274 3754.5862,-274 3754.5862,-238 3933.4138,-238 3933.4138,-274"/>
<text text-anchor="middle" x="3844" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectGoodTypeComponent </text>
</g>
<!-- SelectGoodTypeModule&#45;&gt;SelectGoodTypeComponent  -->
<g id="edge39" class="edge">
<title>SelectGoodTypeModule&#45;&gt;SelectGoodTypeComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M3868.6052,-198.0109C3868.6052,-198.0109 3868.6052,-227.855 3868.6052,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3865.1053,-227.8549 3868.6052,-237.855 3872.1053,-227.855 3865.1053,-227.8549"/>
</g>
<!-- SelectPosComponent -->
<g id="node44" class="node">
<title>SelectPosComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4109.7674,-122 3974.2326,-122 3974.2326,-86 4109.7674,-86 4109.7674,-122"/>
<text text-anchor="middle" x="4042" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectPosComponent</text>
</g>
<!-- SelectPosModule -->
<g id="node45" class="node">
<title>SelectPosModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4098.9846,-198 4095.9846,-202 4074.9846,-202 4071.9846,-198 3985.0154,-198 3985.0154,-162 4098.9846,-162 4098.9846,-198"/>
<text text-anchor="middle" x="4042" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectPosModule</text>
</g>
<!-- SelectPosComponent&#45;&gt;SelectPosModule -->
<g id="edge40" class="edge">
<title>SelectPosComponent&#45;&gt;SelectPosModule</title>
<path fill="none" stroke="#000000" d="M4042,-122.0109C4042,-122.0109 4042,-151.855 4042,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="4038.5001,-151.8549 4042,-161.855 4045.5001,-151.855 4038.5001,-151.8549"/>
</g>
<!-- SelectPosModule&#45;&gt;UserModule -->
<g id="edge57" class="edge">
<title>SelectPosModule&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M4023.0026,-198.027C4023.0026,-214.3976 4023.0026,-236 4023.0026,-236 4023.0026,-236 1057.9048,-236 1057.9048,-236 1057.9048,-236 1057.9048,-236.1846 1057.9048,-236.1846"/>
<polygon fill="#000000" stroke="#000000" points="1054.4054,-227.8455 1057.9048,-237.8457 1061.4054,-227.8459 1054.4054,-227.8455"/>
</g>
<!-- SelectPosComponent  -->
<g id="node46" class="node">
<title>SelectPosComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="4112.7675,-274 3973.2325,-274 3973.2325,-238 4112.7675,-238 4112.7675,-274"/>
<text text-anchor="middle" x="4043" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SelectPosComponent </text>
</g>
<!-- SelectPosModule&#45;&gt;SelectPosComponent  -->
<g id="edge41" class="edge">
<title>SelectPosModule&#45;&gt;SelectPosComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M4060.9974,-198.0109C4060.9974,-198.0109 4060.9974,-227.855 4060.9974,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="4057.4975,-227.8549 4060.9974,-237.855 4064.4975,-227.855 4057.4975,-227.8549"/>
</g>
<!-- LineComponent -->
<g id="node47" class="node">
<title>LineComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="548.4902,-274 441.5098,-274 441.5098,-238 548.4902,-238 548.4902,-274"/>
<text text-anchor="middle" x="495" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">LineComponent</text>
</g>
<!-- LineComponent&#45;&gt;SwiperModule -->
<g id="edge42" class="edge">
<title>LineComponent&#45;&gt;SwiperModule</title>
<path fill="none" stroke="#000000" d="M548.566,-262C579.84,-262 613.1988,-262 613.1988,-262 613.1988,-262 613.1988,-208.1985 613.1988,-208.1985"/>
<polygon fill="#000000" stroke="#000000" points="616.6989,-208.1984 613.1988,-198.1985 609.6989,-208.1985 616.6989,-208.1984"/>
</g>
<!-- ChangeEmailComponent -->
<g id="node49" class="node">
<title>ChangeEmailComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2888.5379,-198 2731.4621,-198 2731.4621,-162 2888.5379,-162 2888.5379,-198"/>
<text text-anchor="middle" x="2810" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChangeEmailComponent</text>
</g>
<!-- ChangeEmailComponent&#45;&gt;UserModule -->
<g id="edge44" class="edge">
<title>ChangeEmailComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2810,-198.1274C2810,-208.7109 2810,-220 2810,-220 2810,-220 1025.8079,-220 1025.8079,-220 1025.8079,-220 1025.8079,-227.5782 1025.8079,-227.5782"/>
<polygon fill="#000000" stroke="#000000" points="1022.3079,-227.5781 1025.8079,-237.5782 1029.3079,-227.5782 1022.3079,-227.5781"/>
</g>
<!-- ChangePasswordComponent -->
<g id="node50" class="node">
<title>ChangePasswordComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2712.752,-198 2535.248,-198 2535.248,-162 2712.752,-162 2712.752,-198"/>
<text text-anchor="middle" x="2624" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChangePasswordComponent</text>
</g>
<!-- ChangePasswordComponent&#45;&gt;UserModule -->
<g id="edge45" class="edge">
<title>ChangePasswordComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2624,-198.0664C2624,-207.4587 2624,-217 2624,-217 2624,-217 1020.4584,-217 1020.4584,-217 1020.4584,-217 1020.4584,-227.8701 1020.4584,-227.8701"/>
<polygon fill="#000000" stroke="#000000" points="1016.9585,-227.8701 1020.4584,-237.8701 1023.9585,-227.8701 1016.9585,-227.8701"/>
</g>
<!-- ChangePhoneComponent -->
<g id="node51" class="node">
<title>ChangePhoneComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2517.5954,-198 2358.4046,-198 2358.4046,-162 2517.5954,-162 2517.5954,-198"/>
<text text-anchor="middle" x="2438" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChangePhoneComponent</text>
</g>
<!-- ChangePhoneComponent&#45;&gt;UserModule -->
<g id="edge46" class="edge">
<title>ChangePhoneComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2438,-198.1944C2438,-206.2782 2438,-214 2438,-214 2438,-214 1015.1089,-214 1015.1089,-214 1015.1089,-214 1015.1089,-227.9445 1015.1089,-227.9445"/>
<polygon fill="#000000" stroke="#000000" points="1011.609,-227.9444 1015.1089,-237.9445 1018.609,-227.9445 1011.609,-227.9444"/>
</g>
<!-- EnrollComponent -->
<g id="node52" class="node">
<title>EnrollComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2340.3273,-198 2223.6727,-198 2223.6727,-162 2340.3273,-162 2340.3273,-198"/>
<text text-anchor="middle" x="2282" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">EnrollComponent</text>
</g>
<!-- EnrollComponent&#45;&gt;UserModule -->
<g id="edge47" class="edge">
<title>EnrollComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2282,-198.2434C2282,-205.4297 2282,-212 2282,-212 2282,-212 1009.7594,-212 1009.7594,-212 1009.7594,-212 1009.7594,-227.8495 1009.7594,-227.8495"/>
<polygon fill="#000000" stroke="#000000" points="1006.2595,-227.8494 1009.7594,-237.8495 1013.2595,-227.8495 1006.2595,-227.8494"/>
</g>
<!-- GoodComponent -->
<g id="node53" class="node">
<title>GoodComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2206.4399,-198 2093.5601,-198 2093.5601,-162 2206.4399,-162 2206.4399,-198"/>
<text text-anchor="middle" x="2150" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">GoodComponent</text>
</g>
<!-- GoodComponent&#45;&gt;UserModule -->
<g id="edge48" class="edge">
<title>GoodComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2150,-198.2015C2150,-204.028 2150,-209 2150,-209 2150,-209 1004.4099,-209 1004.4099,-209 1004.4099,-209 1004.4099,-227.963 1004.4099,-227.963"/>
<polygon fill="#000000" stroke="#000000" points="1000.91,-227.963 1004.4099,-237.963 1007.91,-227.963 1000.91,-227.963"/>
</g>
<!-- LoginComponent -->
<g id="node54" class="node">
<title>LoginComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2075.2758,-198 1960.7242,-198 1960.7242,-162 2075.2758,-162 2075.2758,-198"/>
<text text-anchor="middle" x="2018" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoginComponent</text>
</g>
<!-- LoginComponent&#45;&gt;UserModule -->
<g id="edge49" class="edge">
<title>LoginComponent&#45;&gt;UserModule</title>
<path fill="none" stroke="#000000" d="M2018,-198.0579C2018,-202.4945 2018,-206 2018,-206 2018,-206 999.0604,-206 999.0604,-206 999.0604,-206 999.0604,-227.9489 999.0604,-227.9489"/>
<polygon fill="#000000" stroke="#000000" points="995.5605,-227.9488 999.0604,-237.9489 1002.5605,-227.9489 995.5605,-227.9488"/>
</g>
</g>
</svg>

    </div>
    <i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
    <div class="btn-group">
        <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
        <button id="reset" class="btn btn-default btn-sm">Reset</button>
        <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
    </div>
</div>
  
<div class="container-fluid overview">
    <div class="row">
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-ios-archive"></span></h4>
                    <p class="card-text">
                        <a href="./modules.html">16 Modules</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
                    <p class="card-text">23 Components</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
                    <p class="card-text">1 Directive</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-arrow-round-down"></span></h4>
                    <p class="card-text">13 Injectables</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
                    <p class="card-text">10 Classes</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card text-center">
                <div class="card-block">
                    <h4 class="card-title"><span class="icon ion-md-information-circle-outline"></span></h4>
                    <p class="card-text">9 Interfaces</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/libs/svg-pan-zoom.min.js"></script>
<script src="js/svg-pan-zoom.controls.js"></script> 















                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 0;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'overview';
            var COMPODOC_CURRENT_PAGE_URL = 'overview.html';
       </script>

       <script src="./js/libs/custom-elements.min.js"></script>
       <script src="./js/libs/lit-html.js"></script>
       <script src="./js/menu-wc.js"></script>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/clipboard.min.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
          <script src="./js/search/search.js"></script>
          <script src="./js/search/lunr.min.js"></script>
          <script src="./js/search/search-lunr.js"></script>
          <script src="./js/search/search_index.js"></script>
       <script src="./js/lazy-load-graphs.js"></script>


    </body>
</html>
